/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
	height: 100%;
	font-family: sans-serif,arial;
  background-color: #161414;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
section, header{
	display: block;
}




#wrapper{

	width: 1024px;
	margin: 0 auto;
	
}

#head{

	width: inherit;
	height: 350px;
	


}
#content{
	width: inherit;
	min-height: 800px;

}
#left-content{
	width: 300px;
	float: left;
	background-color: #161414;


}
#right-content{
	width: 724px;
	float: left;
	
	min-height: 800px;


}
.clear{
	clear: both;
}

/*style for menu*/
/*search box*/
#top{
   
    line-height:50px;
   background-color:#161414;
   color:white;
   margin-top:30px;
   border-radius:5px;
   margin-left:20px;
}
#txtSearch {
    margin-left:2px;
    border-radius:5px;
    border:none;
    color:#FF6B4F;
    height:22px;
    font-size:10px;
    width:200px;
    outline:none;

}
  
#btnOK   {
        
        background:#ff6b4f;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        display:inline-block;
        color:#ffffff;
        font-family:Trebuchet MS;
        font-size:11px;
        font-weight:bold;
        padding: 8px;
        text-decoration:none;
        border:none;
        text-shadow:0px -1px 0px #2b665e;
        outline:none;
        margin-top: -10px;
        
    }
    
 
   #category {
   width:260px;
    
   background-color:#161414;
   color:white;
   margin-top:20px;
   margin-bottom:20px;
   border-radius:5px;
   margin-left:20px;
  
}

     #category h2 {
        margin:20px 0 0 0;
        padding-left:10px;
        width:260px;
     
        background-color:#ff6b4f;
        
        line-height:40px;
        color: white;
        font-weight: bold;
    }

       

        #category ul li {
          color:#666;
          font-size: 10px;
            margin-left:20px;
            margin-right:20px;
           list-style-type:none;
           line-height:20px;
           /*border-bottom:thin solid whitesmoke;*/
          
        }
         #category ul li a{
          
            text-decoration:none;
             color: #666;
            margin:0;
            font-size: 1.1em;

        }
          #category ul li a:hover{
        
           
           color: white;
           font-weight: bold;
        }   

#footer{
  
	width: 1024px;

  text-align: center;
	line-height: 40px;

	

}   

#footer a{
	text-decoration: none;
   color: #ff6b4f;
   font-size: 11px;
	
}   
#footer a:hover{
  
   color: white;
  
  
}  

#footer li{
	list-style-type: none;
	float: right;
	margin-left: 40px;
}

.top_detail{

  text-align: center;
  float: left;
  margin: 15px;
 

  

}
#topnew{
  clear: both;
 
  min-width: 200px;
  min-height: 200px;
  background-color: #2d2b2b;
}

#topnew h2{

      margin:20px 0 0 10px;
       
        width:250px;
        padding-left: 24px;
        background-color:#ff6b4f;
        
       font-size: 30px;
        color: white;
        font-weight: bold;
}

/*scroll box*/
.scroll-text {
  border: 1px solid red;
  width: 400px;
  height: 4.5em;
  overflow: hidden;
}
.scroll-text ul {
  width: 800px;
  height: 100px;
  overflow: hidden;
  margin: 0;
}
.scroll-text ul li {
  height: 1.5em;
}
.scroll-img {
  
  

  overflow: hidden;
  font-size: 0;
}
.scroll-img ul {
  width: 700px;
 
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 0 10px 10px;
}

#demo5.scroll-img ul {
  width: 1200px;
}
#demo5-btn {
  width: 680px;
  padding-top: 10px;
}

#shoplist{
  margin-top: 10px;
background-color: #2d2b2b;
min-height: 680px;

}
#shoplist h2{
     margin:20px 0 0 10px;
       
        width:250px;
        padding-left: 24px;
        background-color:#ff6b4f;
        
        font-size: 30px;
        color: white;
        font-weight: bold;

}
.shopdetail{
  min-width: 200px;
  min-height: 150px;
  text-align: center;
  float: left;
  margin: 10px;

}
.shopdetail img {
  margin-bottom: 7px;
}
.shopdetail a {
  color: #ff6b4f;


}
.shopdetail a:hover {
  font-weight: bold;


}

.product{
margin: 10px;
  width: 250px
  min-height: 300px;
  float: left;
  text-align: center;
 
}
.click_img img:hover{
  cursor: pointer;
};

/*for paging*/
.pagination {
    background: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
.ui-tabs .ui-tabs-nav
{
background: #FF6B4F;
}


